<template>
    <div class="continer">
        <user-info></user-info>
        <div class="section">
            <span class="title">设计图</span>
            <img v-for="item in 10" :key="item" class="sjImg" src="@/assets/images/test2.jpg" alt="">
        </div>

        <!-- 底部 -->
        <empty-tabbar></empty-tabbar>
        <tabbar></tabbar>
    </div>
</template>
<script>
import Tabbar from '@/pages/home/components/Tabbar'
import emptyTabbar from '@/pages/home/components/emptyTabbar'
import UserInfo from '@/pages/mine/components/UserInfo'
export default {
    name: 'protocol',
    components: {
        Tabbar,emptyTabbar,UserInfo
    }
}
</script>
<style lang="stylus" scoped>
.continer
    display flex
    align-items center
    flex-direction column
    .section
        width 702px
        display flex
        align-items center
        flex-direction column
        .title
            width 100%
            text-align left 
            line-height 34px
            font-size 34px
            font-weight bold
            color #333333
            margin 24px 0
            letter-spacing 4px
        .sjImg
            width 100%
            height auto 
            margin-bottom 20px
</style>
